<template>
  <div>
    <div>
      <div class="gd">
        <div class="pes-cent" v-for="(v, i) in arr" :key="i">
          <div class="left">
            <img :src="v.img" class="img5" />
            <div class="p">
              <p class="p2">{{ v.name }}</p>
              <p class="p3">28首 | 播放60.8万次</p>
            </div>
          </div>
        </div>
        <div class="footer">查看全部 ></div>
      </div>
    </div>
  </div>
</template>

<script>
//import { getdata } from "../../../api/getlink";
import { getlink } from "../../../api/getlink";
export default {
  // mounted() {
  //   getdata("/proxy/userHome/findById", { id: 1 }).then((ok) => {
  //     console.log(ok.data.date);
  //     this.arr = ok.data.date;
  //   });
  // },
  mounted() {
    getlink("/peson/gequtoux").then((ok) => {
      console.log(ok);
      this.arr = ok.data;
    });
  },
  data() {
    return {
      arr: [],
    };
  },
};
</script>

<style scoped>
.gd {
  height: 13.51rem;
  width: 6.84rem;
  background-color: #fff;
  margin: 0 auto;
  padding-left: 0.34rem;
  margin-top: 0.3rem;
  padding-left: 00.32rem;
}
.pes-cent {
  height: 1.12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 00.18rem;
}
.img5 {
  width: 1.04rem;
  height: 1.04rem;
  border-radius: 0.18rem;
}
.p2 {
  margin-bottom: 0.2rem;
  font-size: 0.32rem;
  color: #2a2a2a;
  font-weight: 600;
}
.p3 {
  font-size: 0.25rem;
  color: #aaaaaa;
}
.left {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-top: 0.15rem;
}
.p {
  margin-left: 0.22rem;
}
.footer {
  height: 0.82rem;
  font-size: 0.24rem;
  color: #939393;
  border-top: 00.01rem solid #939393;
  text-align: center;
  line-height: 0.82rem;
  /* padding-top: 11.35rem; */
}
</style>